﻿<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>Basic Combo - jQuery EasyUI Demo</title>
	<link rel="stylesheet" type="text/css" href="../../themes/default/easyui.css">
	<link rel="stylesheet" type="text/css" href="../../themes/icon.css">
	<link rel="stylesheet" type="text/css" href="../demo.css">
	<script type="text/javascript" src="../../jquery.min.js"></script>
	<script type="text/javascript" src="../../jquery.easyui.min.js"></script>
    <link rel="stylesheet" type="text/css" href="../../../selectytf.css" />
    <script type="text/javascript" src="../../../../Scripts/selectytf.js"></script>
    
</head>
<body>
	
    
                <div>
                    <div id="panle" style="position:relative;">
                        <span class="sp">
                            <select id="selectytf" class="selectytf">
                                <option>===请选择===</option>
                                <option value='1'>Java EE</option>
                                <option value='2'>Java SE</option>
                                <option value='3'>Java ME</option>
                                <option value='3'>Net</option>
                                <option value='3'>PHP</option>
                                <option value='3'>Ajax</option>
                                <option value='3'>JQuer</option>
                                <option value='22'>校长1123123</option>
                                <option value='9'>校长JQsdfuer</option>
                                <option value='7'>校长3asdfJasdfQuer</option>
                                <option value='6'>校长a23sdfsaJQuer</option>
                                <option value='4'>校长J232Quer</option> 
                            </select>
                        </span>
                        <input id="inputytf" select="ytf" data="" class="inputytf">
                    </div>
                </div>
         <a href="javascript:void();" onclick="dovalue()">获取值</a>
	<script type="text/javascript">
        //必须的三个参数 对应html三个id值
        var selectytf = {
            panle: "#panle",
            inputID: "#inputytf",
            selectID: "#selectytf"
        }
        //初始化 如果是异步加载    先初始化下拉框
        $.initselectytf(selectytf);
        //onchang事件  有两个参数 在input里面的select属性定义方法名
        function ytf(value, text) {
		    
        }
        //获取值得方法
		function dovalue() {
		    alert(selectytf.getValue());
		    alert(selectytf.getText());
		}

		
		</script>

</body>
</html>